<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>EasyUI-tabs</title>
	<link rel="stylesheet" type="text/css" href="./jquery-easyui/themes/default/easyui.css">   
	<link rel="stylesheet" type="text/css" href="./jquery-easyui/themes/icon.css">   
	<script type="text/javascript" src="./jquery-easyui/jquery.min.js"></script>   
	<script type="text/javascript" src="./jquery-easyui/jquery.easyui.min.js"></script> 
	<script src="./tabs.js"></script>
	
	
	
</head>
<body>
	<h1>EasyUI</h1>
	<div id="myTabs" class="easyui-tabs" style="width:500px;height:auto;" tools="#tt">
		<div title="tab1" iconCls="icon-edit">
			选项卡显示一批面板。但在同一个时间只会显示一个面板。
			</br>
			每个选项卡面板都有头标题和一些小的按钮工具菜单，
			</br>
			包括关闭按钮和其他自定义按钮。


		
		
		</div>
		<div title="tab2">表二
			<div id="myTabs" class="easyui-tabs" style="width:500px;height:auto;">
				<div title="tab1" iconCls="icon-edit">
					选项卡显示一批面板。但在同一个时间只会显示一个面板。
					</br>
					每个选项卡面板都有头标题和一些小的按钮工具菜单，
					</br>
					包括关闭按钮和其他自定义按钮。
				</div>
				<div title="tab2">表二</div>
				<div title="tab3" iconCls="icon-help" closable="true">表三</div>
			</div>
		</div>
		<div title="tab3" iconCls="icon-help" closable="true">表三</div>
	</div>
	
	<div id="tt">
		<a class="easyui-linkbutton" iconCls="icon-add" onclick="addTabs();"></a>
		<a class="easyui-linkbutton" iconCls="icon-remove" onclick="removeTabs();"></a>
	</div>
	
	
	
</body>
</html>